body {margin:0;padding:0}
.ui-content {padding:0 !important}

h1 { font:normal 53px/58px OpenSansLight, Sans-Serif;letter-spacing: -2px; color: #231f20; margin: 163px 0px 34px 75px; }
h1 span { color: #dd4931; }
h1 a { color: #231f20; text-decoration: none; }
h1 a:hover, section h1 a:visited { color: #231f20; text-decoration: none; }
h3 {margin:0;color:#ba583b;font:bold 1.4em/23px Helvetica;letter-spacing:-0.5px}

.ui-content {background:url(../img/tablet/gradient.png) 0 bottom no-repeat;position:relative}
.ui-grid-a {min-height:687px}

.ui-block-a .copy {margin-left:78px;font:0.9em/22px Helvetica;letter-spacing:-0.2px;/*position:relative;*/background:url(../img/line-bg.png) top left repeat-x ;padding:35px 20px 8px 0 }
.ui-block-a .copy h4, .ui-block-a .copy h4 a {color:#dd4931;font:normal 1.0em/22px Helvetica;letter-spacing:-0.2px;margin:19px 0 67px}
div[data-url="landing"] .ui-block-a .copy h4 {margin:19px 0 0;}
@media only screen and (min-width : 641px) {
	div[data-url="landing"] .ui-block-a .copy h4 {padding-bottom:58px;}
}
div[data-url="landing"] .button-email-demo {margin:-7px 0 0 -24px;}
div[data-url="landing"] .button-email-demo .ui-btn-inner {padding:0;}
.ui-block-a .copy #imgDesktop {position:relative;left:-14px}
.ui-block-a .copy .domainname {position:absolute;bottom:7px;left:76px;font:1.5em/58px OpenSansLight, Sans-Serif;color:#dd4931;text-decoration:none;letter-spacing:-1px}

.ui-block-b {position:relative}
.ui-block-b .tiles {width:607px;overflow:hidden;position:absolute;top:-95px;left:-77px}
.ui-block-b .tiles .Row {height:122px;margin-top:4px}
.ui-block-b .tiles .Tile {height:122px;width:122px;margin-left:5px;display:inline-block}
.ui-block-b .tiles .Empty {background:url(../img/tablet/tiles/empty.png)}
.ui-block-b .tiles .Industry {background:url(../img/tablet/tiles/industry.png)}
.ui-block-b .tiles a {display:block;width:122px;height:122px;margin:0}
.ui-block-b .tiles a .ui-btn-inner {padding:0;overflow:visible}
.ui-block-b .tiles a.Telecommunications {background:url(../img/tablet/tiles/telecommunications.png)}
.ui-block-b .tiles a.BFS {background:url(../img/tablet/tiles/BFS.png)}
.ui-block-b .tiles a.NaturalResources {background:url(../img/tablet/tiles/naturalresources.png)}
.ui-block-b .tiles a.Government {background:url(../img/tablet/tiles/government.png)}
.ui-block-b .tiles a.Utilities {background:url(../img/tablet/tiles/utilities.png)}

.ui-block-b .tiles .Row>:first-child {margin-left:0}
.ui-block-b .tiles .Row>:last-child {width:99px}
.ui-block-b .tiles>:first-child {margin-top:0}

.ui-footer {height:80px}
.ui-footer .logo { position: absolute; right: 30px; top: 21px; }
.ui-footer .social { font-family: OpenSansSemibold, Sans-Serif; font-size: 10px; color: #7e7e7e; position: absolute; left: 38px; top: 20px; }
.ui-footer .links { font-family: OpenSansSemibold, Sans-Serif; font-size: 9px; color: #7e7e7e; text-align: center; margin-top: 23px; }
.ui-footer .links a { color: #7e7e7e; }
.ui-footer .social img { vertical-align: text-bottom; }
.ui-footer .ui-btn, .ui-footer .ui-btn span {position:static}
.divider { background: url(../img/line-bg.png) repeat-x; height: 2px; margin: 0px 2px 0px 2px; }
.addthis_toolbox { position: absolute; top: 0px; left: 0px; width: 92px; }
.plusone { position: absolute; top: 1px; left: 62px; width: 90px; }
.talk-to-us, .take-a-tour {height:29px;width:119px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:12px/29px OpenSansExtrabold;text-decoration:none;margin:0 0 8px}
.talk-to-us span, .take-a-tour span {padding:0;}
.take-a-tour {background:#bc583a;border:1px solid #b05336;color:#FFF;}
.talk-to-us {background:#d7d7d7;border:1px solid #d3d3d3;color:#939393}

/* industry overrides */
.ui-block-a .industry-tile {position:relative;top:0;left:75px;background:url(../img/tablet/tiles/industrytile.png);width:122px;height:154px;text-align:center}
.ui-block-a .industry-tile .industry-icon {height:60px;margin-top:60px}
#industry {background:#FFF}
#industry h1 {font-size:2.5em;line-height:45px;margin:85px 0px 35px 75px}
#industry h1 span {color:#bc583a}
#industry .ui-block-a {width:40% !important}
#industry .ui-block-b {width:60% !important}
#industry .ui-block-b .tiles {left:12px}
#industry .ui-block-a .copy {padding-right:0;line-height:20px}
#industry .ui-block-a p {margin:0 0 10px}
#industry .tiles .demo-cta {position:absolute;z-index:5;overflow:visible;top:318px;left:0;height:259px;width:582px;background:url('../img/tablet/bevel.png') no-repeat left bottom}
#industry .tiles .demo-cta .ui-btn-inner {position:relative}
#industry .tiles .demo-cta .play {position:absolute;top:50%;margin-top:-40px;left:50%;margin-left:-40px;z-index:4}
#industry .tiles .demo-cta .ui-btn-text {display:block;text-align:center}
#industry .tiles .demo-cta .demo-shot {-webkit-box-shadow: inset 0px 0px 5px 1px #000000;-moz-box-shadow: inset 0px 0px 5px 1px #000000;box-shadow: inset 0px 0px 5px 1px #000000;border-radius:5px;width:469px;height:250px;position:absolute;top:0;left:50%;margin-left:-235px}
#industry .tiles .demo-cta .demo-img {}
/* demo */
.ui-page-active.ui-dialog {z-index:1;}
.ui-dialog .ui-content {max-width:700px;width:700px;height:504px;position:absolute;left:50%;top:50%;margin:-252px 0 0 -350px;border:1px solid #d3d3d3;-webkit-border-radius:10px;border-radius:10px}
.gradient.ui-dialog .ui-content {height:535px;margin-top:-267px}
.ui-dialog h1 {font:bold 18px/20px Helvetica;color:#db4932;letter-spacing:-1px;margin:22px 15px}
.ui-dialog .demo-nav {margin:15px;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;width:673px;height:418px;text-align:center;position:relative;z-index:2}
.ui-dialog .demo-nav .icon {margin-top:15px;position:relative;z-index:3}
.ui-dialog .demo-nav .slides-container {width:671px;height:416px;border-radius:10px;-webkit-border-radius:10px;position:absolute;top:0;left:0;z-index:1;border:1px solid #FFF;}
.ui-dialog .demo-nav .slides {width:9999px;position:relative;}
.ui-dialog .demo-nav .slide {width:673px;height:418px;float:left;position:relative}
.ui-dialog .demo-nav .slide .numbers {position:absolute;z-index:2;width:100%;bottom:10px;color:#FFF;font-weight:bold;font-family:Helvetica;}
.ui-dialog .demo-nav .slide img {width:671px;height:416px;border-radius:10px;-webkit-border-radius:10px;border:1px solid #FFF;}
.ui-dialog .demo-nav .next, .ui-dialog .demo-nav .prev {position:absolute;z-index:3;background:url(../img/tablet/arrows.png) no-repeat;width:40px;height:40px;text-indent:-9999px;top:50%;margin-top:-19px;}
.ui-dialog .demo-nav .next {background-position:top right;right:13px}
.ui-dialog .demo-nav .prev {background-position:top left;left:13px;display:none;}
.ui-dialog .button-email-demo {position:absolute;top:15px;right:15px;height:29px;width:119px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:12px/29px OpenSansExtrabold;text-decoration:none;margin:0 0 8px;background:#dd4931;border:1px solid #dd4931;color:#FFF;}
.ui-dialog .button-email-demo span {padding:0;}
.ui-dialog .ui-content {background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 49%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(49%,rgba(237,237,237,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 49%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 49%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 49%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

/* Industry PAGE demos */
.demo .ui-header .ui-title, .demo .copy {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
}
.demo .ui-header .ui-title {font:bold 18px/73px Helvetica;color:#db4932;width:100%;margin:auto;letter-spacing:0.5px;}
.close-demo {width:27px;height:27px;background:url('../img/tablet/close.png');right:20px !important;top:50% !important;margin-top:-19px !important}
.demo {overflow:hidden}
.demo .ui-content {background:none}
.demo .copy {position:relative;border-top:1px solid #d3d3d3v;height:71px;font:13px/16px Helvetica;letter-spacing:-0.5px;}
.demo .copy span.text {padding:20px 16% 20px 2%;display:block;width:75%}
.demo .button-email-demo {top:50%;margin-top:-22px;right:20px;width:119px;position:absolute;text-decoration:none}
.demo .button-email-demo span {padding:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:12px/29px OpenSansExtrabold;text-decoration:none;margin:0 0 8px;background:#dd4931;border:1px solid #dd4931;color:#FFF;}
.demo .button-email-demo .ui-btn-inner {height:29px;margin:8px 0}
.demo .demo-image {position:relative;height:543px;overflow:hidden}
.demo .demo-image .prev, .demo .demo-image .next {position:absolute;top:50%;height:81px;width:41px;margin-top:-40px;background:url('../img/tablet/arrows.png');text-indent:-9999px;margin-right:0;margin-left:0}
.demo .demo-image .prev{left:0}
.demo .demo-image .next {right:0;background-position:top right}
.demo .copy .counter {background:url('../img/tablet/counter.png');position:absolute;height:45px;width:91px;left:50%;margin-left:-45px;display:block;text-align:center;font:bold 14px/52px Helvetica;color:#db4932;top:-45px}
.demo .ui-footer {height:auto;overflow:visible;background-color:#FFF;position:fixed;bottom:0}
.demo .ui-footer .footer {height:80px;position:relative} 

/* email dialog */
#popup h1 {font:47px/52px OpenSansLight;color:#000;margin-top:142px;text-align:center;}
#popup h1 span {color:#dd4931;}
#popup .gradient {border:1px solid #dcdcdc;padding:18px 22px;width:80%;margin:auto;border-radius:10px;border:1px solid #d3d3d3;line-height:0.9em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
position:static}
#popup .talk {text-align:center;}
#popup .ui-btn, #popup .ui-link {height:29px;width:119px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:12px/29px OpenSansExtrabold;text-decoration:none;margin:0 0 8px;background:#dd4931;border:1px solid #dd4931;color:#FFF;position:relative;z-index:10}
#popup .ui-btn span {padding:0;}
#popup .ui-link {display:inline-block;min-height:29px;position:relative}
#popup {font:14px/20px Helvetica;color:#4e4e4e;}
#popup .copy {margin-bottom:12px;text-indent:5px}
.ui-dialog .dialog-thanks {display:none;}
.dialog-thanks .gradient {min-height:62px;}
.dialog-thanks .gradient .copy {text-indent:0;text-align:center;}

#popup .ui-btn-inline, #popup .ui-btn-inline span, #popup .ui-input-text {margin:0;padding:0}
#popup .ui-input-text {border:1px solid #d3d3d3;width:70% !important;height:34px;margin-right:4px;display:inline-block;font:14px/34px Helvetica;padding:0 12px 0 2px;}
#popup form .ui-btn-inline {background:#d9d9d9;border:1px solid #d5d5d5;width:23%;color:#959595;}
#popup form {display:block;}
#iframe {z-index:10}
.home {position:absolute;top:630px;left:381px;z-index:9;}

/* Japanese */
.ja-jp .ui-block-b .tiles a.Telecommunications {background:url(../img/tablet/ja-jp/tiles/telecommunications.png)}
.ja-jp .ui-block-b .tiles a.BFS {background:url(../img/tablet/ja-jp/tiles/BFS.png)}
.ja-jp .ui-block-b .tiles a.NaturalResources {background:url(../img/tablet/ja-jp/tiles/naturalresources.png)}
.ja-jp .ui-block-b .tiles a.Government {background:url(../img/tablet/ja-jp/tiles/government.png)}
.ja-jp .ui-block-b .tiles a.Utilities {background:url(../img/tablet/ja-jp/tiles/utilities.png)}

/* Traditional Chinese */
.zh-tw .ui-block-b .tiles a.Telecommunications {background:url(../img/tablet/zh-tw/tiles/telecommunications.png)}
.zh-tw .ui-block-b .tiles a.BFS {background:url(../img/tablet/zh-tw/tiles/BFS.png)}
.zh-tw .ui-block-b .tiles a.NaturalResources {background:url(../img/tablet/zh-tw/tiles/naturalresources.png)}
.zh-tw .ui-block-b .tiles a.Government {background:url(../img/tablet/zh-tw/tiles/government.png)}
.zh-tw .ui-block-b .tiles a.Utilities {background:url(../img/tablet/zh-tw/tiles/utilities.png)}

/* Korean */
.euc-kr .ui-block-b .tiles a.Telecommunications {background:url(../img/tablet/euc-kr/tiles/telecommunications.png)}
.euc-kr .ui-block-b .tiles a.BFS {background:url(../img/tablet/euc-kr/tiles/BFS.png)}
.euc-kr .ui-block-b .tiles a.NaturalResources {background:url(../img/tablet/euc-kr/tiles/naturalresources.png)}
.euc-kr .ui-block-b .tiles a.Government {background:url(../img/tablet/euc-kr/tiles/government.png)}
.euc-kr .ui-block-b .tiles a.Utilities {background:url(../img/tablet/euc-kr/tiles/utilities.png)}